.process{height:50px;margin-bottom:10px}
.process li{float:left;width:25%}
.process li .item{position:relative;padding-right:27px}
.process li .item .step{height:50px;text-align:center;line-height:50px}
.process li .item .step i{width:30px;height:30px;display:inline-block;border-radius:50px;text-align:center;line-height:30px}
.process li .item .step label{font-size:18px}
.process li .item span{position:absolute;right:0;top:0;bottom:0;width:27px;display:inline-block;background:url(../images/guide/arrow.png)}
.process li .item.passed .step{background-color:#05a7d8}
.process li .item.passed .step i{background-color:#fff;color:#05a7d8}
.process li .item.passed .step label{color:#fff}
.process li .item.passed #span2{background-position:0 -150px;}
.process li .item.passed #span3{background-position:0 -150px;}
.process li .item.passed #span4{background-position:0 -150px;}
/*.process li .item.passed span{background-position:0 -150px;}
.process li .item.passed span{background-position:0 -150px;}*/
.process li .item.curr-pre .step{background-color:#05a7d8}
.process li .item.curr-pre .step i{background-color:#fff;color:#05a7d8}
.process li .item.curr-pre .step label{color:#fff}
.process li .item.curr-pre span{background-position:0 -100px}
.process li .item.current .step{background-color:#f45438}
.process li .item.current .step i{background-color:#fff;color:#f45438}
.process li .item.current .step label{color:#fff}
.process li .item.current span{background-position:0 -50px}
.process li .item.laters .step{background-color:#e3e3e3}
.process li .item.laters .step i{background-color:#272636;color:#e3e3e3}
.process li .item.laters .step label{color:#000}
.process li .item.laters span{background-position:0 0}
.process li .item.last .step{background-color:#e3e3e3}
.process li .item.last .step i{background-color:#272636;color:#e3e3e3}
.process li .item.last .step label{color:#000}
.process li .item.last span{background:#e3e3e3}
.opt-buttons{margin-bottom:10px}
.opt-buttons .easyui-linkbutton{margin-right:5px}
.basic-info{position:relative;padding:10px}
.editor-state{height:200px}
.time-line{padding:5px}
.time-line .time-item{position:relative;padding-left:120px}
.time-line .time-item.date{height:44px;line-height:44px}
.time-line .time-item.date .content-left>span{color:#05a7d8;font-size:14px;font-weight:bold}
.time-line .time-item.date .content-left>label>i{position:absolute;top:0;bottom:0;left:12px;width:1px;background-color:#b5b5b5}
.time-line .time-item.last{height:44px;line-height:44px}
.time-line .time-item.last .content-left>label>i{position:absolute;top:0;bottom:0;left:12px;width:1px;background-color:#b5b5b5}
.time-line .time-item.last .content-left>label>span{width:10px;height:10px;background:url(../images/timeline/down.png);left:7px;top:34px}
.time-line .time-item.time.important .content-left>label>span{background-position:0 -10px}
.time-line .time-item.time.important .content-right .left-arrow{background:url(../images/timeline/arrow.png) no-repeat;background-position:0 -13px}
.time-line .time-item.time.important .content-right .detail-outer .detail{border-left:3px solid #f45438}
.time-line .time-item.time .content-left>span{position:absolute;top:50%;height:20px;margin-top:-10px;line-height:20px;color:#000;font-size:12px;text-align:right}
.time-line .time-item.time .content-left>label>span{position:absolute;width:10px;height:10px;top:50%;margin-top:-5px;left:7px;background:url(../images/timeline/dot.png) no-repeat}.time-line .time-item.time .content-left>label>i{position:absolute;top:0;bottom:0;left:12px;width:1px;background-color:#b5b5b5}.time-line .time-item .content-left{position:absolute;top:0;left:0;bottom:0;width:120px}.time-line .time-item .content-left>span{position:absolute;right:24px;top:0;bottom:0;width:96px;text-align:center}.time-line .time-item .content-left>label{position:absolute;top:0;right:0;width:24px;bottom:0}.time-line .time-item .content-left>label>span{position:absolute;width:16px;height:16px;top:14px;left:4px;background:url(../images/timeline/blank.png) no-repeat;z-index:1}.time-line .time-item .content-left>label>i{position:absolute;top:0;left:12px;width:1px;background-color:#b5b5b5;z-index:0}.time-line .time-item .content-left.first>label>i{position:absolute;height:14px;top:30px}.time-line .time-item .content-right{position:relative;padding-left:11px}.time-line .time-item .content-right .left-arrow{position:absolute;width:11px;height:13px;top:50%;margin-top:-7px;left:0;background:url(../images/timeline/arrow.png) no-repeat}.time-line .time-item .content-right .detail-outer{padding:10px 0}.time-line .time-item .content-right .detail-outer .detail{padding:5px;border:1px solid #cacaca;border-left:3px solid #05a7d8;box-shadow:2px 3px #ededed;line-height:28px}.time-line .time-item .content-right .detail-outer .detail>div .name{font-size:14px;font-weight:bold;color:#000;margin-right:2px}.time-line .time-item .content-right .detail-outer .detail>div label{color:#939393;font-size:12px;margin-right:10px}.time-line .time-item .content-right .detail-outer .detail>div .status{color:#000;font-size:12px}.time-line .time-item .content-right .detail-outer .detail>div .status .order{color:#05a7d8;font-size:12px}
